import { createApp } from 'vue'
import App from './App.vue'
// 统一所有的浏览器的默认样式 不是重置样式
import 'normalize.css' // 样式是全局的 直接在main.ts中引入即可

// 重置样式 (清除内外边距  自动内减....)
import '@/assets/styles/common.less'

import router from '@/router'

import { createPinia } from 'pinia'

// 注册全局组件的插件对象
import XtxUI from '@/components'

const pinia = createPinia()

const app = createApp(App) // Vue应用实例

// app.component(组件名, 组件对象)
// Vue的插件机制 => 一个对象有install方法
// 希望 app.use(xxx)  就可以注册所有的全局组件

// app.directive('lazy', {}) 注册全局自定义指令

app.use(XtxUI)
app.use(pinia)
app.use(router)
app.mount('#app')

// const obj: {
//   name: string
//   age: number
// } = {
//   name: 'zs',
//   age: 19,
// }

// const obj2: typeof obj = {
//   name: 'ls',
//   age: 90,
//   desc: 'asdffasdf'
// }

// typeof 数据  => 得到的是个类型, 数据的类型

// const arr = [1, 2, 3]

// const arr2: typeof arr = [1,2,3,'1']
